<template>

  <el-row :gutter="0">
    <el-col>
      <img src="../assets/logo.png" alt="logo" style="width: 100%;" class="logo">
    </el-col>
    <el-col>
      <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
      >
        <el-menu-item index="1" @click="toUrl('Index','')">
          <i class="el-icon-s-home"></i>
          <span slot="title">首页</span>
        </el-menu-item>
        <el-menu-item index="2" @click="toUrl('Share','')">
          <i class="el-icon-share"></i>
          <span slot="title">我的分享</span>
        </el-menu-item>
        <el-menu-item index="3" @click="toUrl('Recycle','')">
          <i class="el-icon-delete-solid"></i>
          <span slot="title">回收站</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "ShareAside",
  methods: {
    toUrl(target, type) {
      if (type) {
        this.$router.push({name: target, params: {type: type}})
      } else {
        this.$router.push({name: target});
      }
    }
  }
}
</script>

<style scoped>

</style>